<template>
  <div class="card_title">
    <!-- 左面 小icon -->
    <!-- 右面文字 -->
      <a href="javascript:" class="icon"></a>
      <span class="font">{{title}}</span>
  </div>
</template>
<script>
export default {
  name:"CardTitle",
  props:["title"]
}
</script>
<style lang="less" scoped>
  .card_title{
    height: 0.14rem;
    padding: 0.03rem 0rem;
    font-size: 0.13rem;
    font-weight: bold;
  }
  .icon{
    display: inline-block;
    width: 0.04rem;
    height: 0.14rem;
    background-color: #E74E4B;
    border-radius: 0.05rem;
    vertical-align: text-bottom;
  }
  .font{
    margin-left: 0.05rem;
    line-height: 0.14rem;
  }
</style>